<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.5">
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="./res/css/main.css"/>
    <link rel="stylesheet" href="./res/css/jquery.mobile-1.3.2.min.css" />
    <script src="./res/js/jquery-1.9.1.min.js"></script>
    <script src="./res/js/custom-scripting.js"></script>
    <script src="./res/js/jquery.mobile-1.3.2.min.js"></script>
    <style></style>
</head>
<body>
<div class="mobile">
    <div class="header">
        <div class="tool_top">
            <a href="#"><i class="icon-main"></i> </a>
            <span class="showall" onclick="showMenu();">全部[179] <a href="#"><i class="icon-sg"></i></a> </span>
            <a href="#"><i class="icon-search"></i> </a>
        </div>
        <div id="typeMenu" class="typeMenu" style="display:none;">
            <table style="margin: auto;">
                <tr>
                    <td class="typeName"><center>全部品牌</center></td>
                    <td><a href="">雅思兰黛</a></td>
                    <td><a href="">伊丽莎白雅顿</a></td>
                    <td><a href="">倩碧</a></td>
                    <td><a href="">兰蔻</a></td>
                </tr>
                <tr>
                    <td class="typeName"><center>全部分类</center></td>
                    <td><a href="">面膜</a></td>
                    <td><a href="">女士香水</a></td>
                    <td><a href="">化妆品</a></td>
                    <td><a href="">洁面乳</a></td>
                </tr>
            </table>
        </div>
        <div class="tool_bar">
            <ul>
                <li id="renqi" onclick="changeType('renqi');" class="toolon"><span>人气 <img id="renqi_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
                <li id="jiage" onclick="changeType('jiage');" class="tooloff"><span>价格 <img id="jiage_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
                <li id="xiaoliang" onclick="changeType('xiaoliang');" class="tooloff"><span>销量 <img id="xiaoliang_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
                <li id="zhekou" onclick="changeType('zhekou');" class="tooloff"><span>折扣 <img id="zhekou_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
            </ul>
        </div>
    </div>
    <div class="content">
       <table>
           <tr><td>订单</td><td><a href="/web/">返回</a></td></tr>
           <tr><td>商品名称:</td><td></td></tr>
           <tr><td>单价:</td><td></td></tr>
           <tr><td>数量:</td><td><input type="text"></td></tr>
           <tr><td>总价:</td><td><input type="text"></td></tr>
           <tr><td>收货人:</td><td><input type="text"></td></tr>
           <tr><td>收货地址:</td><td><input type="text"></td></tr>
           <tr><td>邮编:</td><td><input type="text"></td></tr>
           <tr><td>备注:</td><td><textarea></textarea></td></tr>
           <tr><td></td><td><input type="button" value="提交订单"/></td></tr>
       </table>

    </div>
    <div class="footer black_bg">
        <ul class="footer_bar">
            <li><i class="icon-group"></i><a>今日团购</a></li>
            <li><i class="icon-ship"></i><a>名牌商城</a></li>
            <li><i class="icon-hot"></i><a>名品特卖</a></li>
            <li><i class="icon-cart"></i><a>购物车</a></li>
            <li><i class="icon-bag"></i><a>我的购物</a></li>
        </ul>
    </div>
</div>
</body>
</html>